<!DOCTYPE html>
<html>
<head>
	<title>订单详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="css/user.css" rel="stylesheet">
    <script src="js/jquery-2.1.4.min.js"></script>
    <style>
		body{
			background-color:#F3F3F3;
		}
		.header-left{
			width:30%;
		}
		.name{
			width:50%;
		}
		.order-state{
			float:right;
			margin-top:10px;
			margin-right:5%;
		}
		.order-state-1{
			float:right;
			margin-top:10px;
			margin-right:5%;
		}
		.font-red{
			display:inline-block;
			margin-top:10px;
			margin-left:10px;
		}
	</style>
</head>
<script>
	$(document).ready(function(e) {
		for(var i=0;i<2;i++){
			var str=$(".info-goods-name").eq(i).text();
			if(str.length>40){
				var newStr=str.substr(0,40)+"..."; 
				$(".info-goods-name").eq(i).text(newStr);
			}
		}
    });
</script>
<body>
	<header class="header">
    	<a href="user-order.html">
    	<div class="header-left">
            <img src="images/back.png" class="back">
            <span class="back-name">订单查询</span>
        </div>
        </a>
        <span class="name">订单详情</span>
        <div class="header-right">
        	<a href="index.html">
        	<img src="images/home.png" class="edit">
            </a>
        </div>
    </header>
    
    <!--已揭晓-->
    <div class="order-info-main" style="display:none;">
    	<div class="info-goods">
        	<img src="images/goods.jpg" class="info-goods-img">
            <span class="info-goods-name">（第127期）全新2015年雅马哈Tricjty125现货,打折促销,机不可失！</span>
            <div class="order-state-1">已揭晓</div>
        </div>
        
        <div class="order-info-list">
        	<ul>
            	<li>
                	<span class="info-list-left">参与人次</span>
                    <span class="info-list-right">528人次</span>
                </li>
                
                <li>
                	<span class="info-list-left">中奖者</span>
                    <span class="info-list-right">爱淘就去</span>
                </li>
                
                <li>
                	<span class="info-list-left">中奖号码</span>
                    <span class="info-list-right">100279</span>
                </li>
                
                <li>
                	<span class="info-list-left">揭晓时间</span>
                    <span class="info-list-right">2016-06-07 10:00:30</span>
                </li>
            </ul>
        </div>
        
        <div class="info-db-num">
        	<div class="db-num-top">
            	<span class="info-list-left">夺宝号码</span>
                <span class="info-list-right">共10人次</span>
            </div>
            <ul>
            	<li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <div style="clear:both;"></div>
            </ul>
            
            <div class="info-db-go">
            	<a href="index.html">
            	<div class="db-go">
                	再次夺宝>>
                </div>
                </a>            
            </div>
        </div>	
    </div>
    
    <!--进行中-->
    <div class="order-info-main">
    	<div class="info-goods">
        	<img src="images/goods.jpg" class="info-goods-img">
            <span class="info-goods-name">（第127期）全新2015年雅马哈Tricjty125现货,打折促销,机不可失！</span><br />
            <span class="font-red">07:08:30</span>
            <div class="order-state">进行中</div>
        </div>
        
        <div class="order-info-list">
        	<ul>
            	<li>
                	<span class="info-list-left">参与人次</span>
                    <span class="info-list-right">528人次</span>
                </li>
                
                <li>
                	<span class="info-list-left">剩余人次</span>
                    <span class="info-list-right">1024人次</span>
                </li>
                
            </ul>
        </div>
        
        <div class="info-db-num">
        	<div class="db-num-top">
            	<span class="info-list-left">夺宝号码</span>
                <span class="info-list-right">共10人次</span>
            </div>
            <ul>
            	<li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <li>100279</li>
                <div style="clear:both;"></div>
            </ul>
            
            <div class="info-db-go">
            	<a href="index.html">
            	<div class="db-go">
                	再次夺宝>>
                </div>
                </a>            
            </div>
        </div>	
    </div>
</body>
</html>
